<template>
    <div>
        <div class="header">
            <div class="left" @click="$router.back()">
                <i class="iconfont icon-xiangzuojiantou"></i>
            </div>
            <div class="right">
                <!-- 具名插槽 -->
                <slot name="title-content" class="right_right"></slot>
                <slot name="title">
                    <p>{{ title }}</p>
                </slot>
            </div>
        </div>
    </div>
</template>
<script lang="ts" setup>
import { defineProps } from 'vue';
// const props = defineProps<{
//     title?: string;
// }>();

const { title} = defineProps({
    title: String, //首字母大写
   
})


</script>

<style lang="scss" scoped>
.header {
    height: 0.5rem;
    background-color: #fff;


    .left {
        flex: 1;

        .iconfont {
            font-size: 0.18rem;
        }
    }

    .right {
        flex: 1.3;
        display: flex;
        // background-color: red;
        font-size: 0.2rem;

    }

}
</style>